<template>
	<view class="page">
		<v-header title="预约详情" @click-left="$back()"></v-header>
		<view class="layout" :style="{ marginTop: h + 'px' }">
			<view class="loginBox">
				<view class="f cell">
					<label class="label">咨询时间：</label>
					<view class="fl">2021-1-30 10:00:00</view>
				</view>
				<view class="f cell">
					<label class="label">预约时间：</label>
					<view class="fl">2021-1-30 10:00:00</view>
				</view>
				<view class="f cell">
					<label class="label">预约状态：</label>
					<view class="fl">已申请</view>
				</view>
				<view class="f cell">
					<label class="label">咨询内容：</label>
					<view class="fl">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</view>
				</view>
				<view class="borderbot"></view>
				<view class="f cell">
					<label class="label">联系人：</label>
					<view class="fl">张三</view>
				</view>
				<view class="f cell">
					<label class="label">联系电话：</label>
					<view class="fl">13800000000</view>
				</view>
				<view class="f cell">
					<label class="label">企业名称：</label>
					<view class="fl">北京文化科技有限公司</view>
				</view>
				<view class="borderbot"></view>
				<view class="f cell">
					<label class="label">申请时间：</label>
					<view class="fl">2021-1-31 10:00:00</view>
				</view>

				<view class="f cell">
					<label class="label">申请人：</label>
					<view class="fl">张三</view>
				</view>
				<view class="f cell">
					<label class="label">申请人电话：</label>
					<view class="fl">13800000000</view>
				</view>
				<view class="cu-btn block  login" @click="saveInfo">取消预约</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			h: this.$h
		};
	},
	methods: {
		saveInfo() {
			uni.showModal({
				title: '提示',
				content: '是否取消当前预约',
				success: function(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: './appointIndex'
						});
					} else if (res.cancel) {
					}
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.loginBox {
	padding: 40rpx 0;
	.borderbot {
		border-bottom: 20rpx solid #f0f0f0;
		margin-bottom: 30rpx;
	}
	.cell {
		min-height: 60rpx;
		margin: 0 54rpx 30rpx 54rpx;

		font-size: 32rpx;

		view {
			word-break: break-all;
			font-size: 32rpx;
			color: #888;
		}

		.label {
			width: 230rpx;
			margin-right: 10rpx;
		}
	}

	.login {
		font-size: 32rpx;
		margin: 60rpx 54rpx 30rpx 54rpx;
		height: 80rpx;
		color: #fff;
		background: #ccc;
		border-radius: 10rpx;
	}
}
</style>
